<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
    <link rel="stylesheet" href="TemplateUI/NavTemplate/NavTemplate.css" type="text/css">
    <link rel="stylesheet" href="TemplateUI/NavTemplate/NavTemplate_md.css" type="text/css">
    <link rel="stylesheet" href="TemplateUI/NavTemplate/NavTemplate_sm.css" type="text/css">
    <link href="css/test_Category_md.css" rel="stylesheet" type="text/css">
    <link href="css/test_Category_sm.css" rel="stylesheet" type="text/css">
    <link href="css/test_Index_md.css" rel="stylesheet">
    <link href="css/test_Index_sm.css" rel="stylesheet">
    <link href="TemplateUI/PageTemplate/page.css" rel="stylesheet" type="text/css">
    <link href="css/test_answer_md.css" rel="stylesheet" type="text/css">
    <link href="css/test_answer_sm.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="TemplateUI/BtnTemplate/ButtonLess.css"/>
</head>
<body>
    <!--测试回答界面-->
    <!--头部导航栏，响应式，最小宽度768-->
    <!--头部导航栏，响应式，最小宽度768-->
    <div class="nav">
        <a class="logo_Astray">Astray</a>
        <ul class="nav_ul">
            <a href="index.html"><li class="nav_li nav_action">首页</li></a>
            <a href="article_Index.html"><li class="nav_li">文章</li></a>
            <a href="question_Index.html"><li class="nav_li">问答</li></a>
            <a href="test_Index.html"><li class="nav_li">测试</li></a>
            <a href="FM_Index.html"><li class="nav_li">FM</li></a>
            <li class="nav_menu">
                <ul class="nav_drop">
                    <li class="item">更多<span class="triangle"></span></li>
                    <a href="interact_List.html"><li class="item">动态</li></a>
                    <a href=""><li class="item">选项2</li></a>
                </ul>
            </li>
        </ul>
        <ul class="nav_ul_info">
            <li class="nav_ul_info_li">
                <a  class="nav_ul_info_img" href="user_Center.html">
                    <img src="img/headPhoto.png" width="2rem">
                </a>
                <div id="user_infoBox">
                    <ul>
                        <li>
                            文章<br/>
                            <span>11</span>
                        </li>
                        <li>
                            提问<br/>
                            <span>11</span>
                        </li>
                        <li>回答<br/>
                            <span>11</span>
                        </li>
                        <li>收藏<br/>
                            <span>11</span>
                        </li>
                    </ul>
                    <dl>
                        <dt>称号：</dt>
                        <dd><img src="img/jia.png" alt=""></dd>
                        <dd><img src="img/jia.png" alt=""></dd>
                    </dl>
                    <div>
                        <a>签到</a>
                        <a href="user_Info_baseInfo.html">前往个人信息>>></a>
                    </div>
                </div>

            </li>
            <li class="nav_ul_info_li"><a onclick="javascript:window.open('user_chat.html','chat','top=100%,left=100%,status=no,location=no,menubar=no, scrollbars=no,')">消息</a></li>
            <li class="nav_ul_info_li"><a href="user_Info_systemMessage.html">通知</a></li>
        </ul>
    </div>

    <!--头部-->
    <div class="test_size test_category_serach">
        <ul class="test_category_serach_nav_ul">
            <li class="test_category_serach_nav_li">爱情测试</li>
            <li class="test_category_serach_nav_li">性格测试</li>
            <li class="test_category_serach_nav_li">能力测试</li>
            <li class="test_category_serach_nav_li">会员测试</li>
            <li class="test_category_serach_nav_li">精选测试</li>
            <li class="test_category_serach_nav_li">专业测试</li>
            <li class="test_category_serach_nav_li">热门测试</li>
            <li class="test_category_serach_nav_li">
                <input type="text" placeholder="请输入搜索关键字"/>
                <img src="img/text_search_black.png" width="25"/>
            </li>
        </ul>
        <!--分类横线-->
        <ul class="test_category_serach_nav_ul">
            <li class="test_category_serach_line"></li>
        </ul>
    </div>

    <div class="main">
        <div class="test_answer_left">
            <div class="test_answer_left_info">
                <div class="test_answer_left_top">
                    <div class="test_answer_left_img"><img src="img/testPing.png" alt="心理测试"></div>
                    <div class="test_answer_left_center">
                        <div class="test_answer_left_title">测测你最大的成功是什么</div>
                        <span class="test_answer_left_icons">
                            <span class="icons" title="测试人数"></span><img src="img/test_ren.png"/> 4662人测试过 &nbsp;
                            <span class="icons" title="收藏次数"></span><img src="img/test_ren.png"/> 0次收藏 &nbsp;
                            <span class="icons" title="发布时间"></span><img src="img/test_ren.png"/> 2018-01-14 10:00:00 &nbsp;
                            <span class="icons" title="评论数"></span><img src="img/test_ren.png"/>  24条评论
                        </span>

                    </div>
                </div>
                <div class="test_answer_left_cte">
                    当前第
                    <span class="test_answer_left_number_green">1</span> &nbsp;题
                    <span class="test_answer_left_total">
                        本测试共
                        <span class="test_answer_left_number_green">10</span> &nbsp;
                        题
                    </span>
                </div>
                <form method="post" if="id_form">
                    <div class="test_answer_left_lists">
                        <p class="test_answer_left_subject"> 1. 如果你做错了事，一般只会在嘴上检讨？</p>
                        <div class="test_answer_left_radio">
                            <label>
                                <div class="test_answer_left_yes">
                                    <p class="test_answer_left_p">
                                        <span class="">
                                            <input type="radio" value="" name="1" />
                                        </span>是的
                                    </p>
                                </div>
                            </label>
                            <label>
                                <div class="test_answer_left_yes">
                                    <p class="test_answer_left_p">
                                        <span class="">
                                            <input type="radio" value="" name="1" />
                                        </span>不是
                                    </p>
                                </div>
                            </label>
                            <label>
                                <div class="test_answer_left_yes">
                                    <p class="test_answer_left_p">
                                        <span class="">
                                            <input type="radio" value="" name="1" />
                                        </span>看情况
                                    </p>
                                </div>
                            </label>
                        </div>
                    </div>
                    <input type="hidden" name="choice" id="id_choice" />
                    <p class="test_left_btn">
                        <button id="id_pre_link" class="defaultFill">上一题</button>
                        &nbsp;&nbsp;
                        <button class="defaultFill">提交</button>
                    </p>
                </form>

            </div>

        </div>
        <!--推荐专栏-->
        <div class="test_right_center">
            <div class="test_right_top">
                <div class="test_right_top_title">推荐专栏</div>
                <div class="test_content_right_img">
                    <img src="img/text_img_1.png" width="140" height="140">
                    <img src="img/text_img_2.png" width="140" height="140">
                    <img src="img/text_img_3.png" width="300" height="120">
                </div>
            </div>
            <div class="test_center_top_line"></div>
            <div class="test_right_bottom_center">
                <div class="test_right_bottom_title"><span class="rb">爱情测试推荐</span><span class="more"><a>更多>></a></span></div>
                <div class="test_right_bottom_list">
                    <dl>
                        <dd>
                            <p class="test_right_list_img"><img src="img/img1.jpg" width="100px" height="70px"></p>
                            <p class="test_right_list_text"><a href="#">你敢测测你放弃爱情了吗？</a><br />
                                <span class="test_right_list_total"><span class="icons" title="测试人数"></span>59278人测试过</span></p>
                        </dd>
                    </dl>
                </div>
                <div class="test_right_bottom_list">
                    <dl>
                        <dd>
                            <p class="test_right_list_img"><img src="img/img1.jpg" width="100px" height="70px"></p>
                            <p class="test_right_list_text"><a href="#">你敢测测你放弃爱情了吗？</a><br />
                                <span class="test_right_list_total"><span class="icons" title="测试人数"></span>59278人测试过</span></p>
                        </dd>
                    </dl>
                </div>
                <div class="test_right_bottom_list">
                    <dl>
                        <dd>
                            <p class="test_right_list_img"><img src="img/img1.jpg" width="100px" height="70px"></p>
                            <p class="test_right_list_text"><a href="#">你敢测测你放弃爱情了吗？</a><br />
                                <span class="test_right_list_total"><span class="icons" title="测试人数"></span>59278人测试过</span></p>
                        </dd>
                    </dl>
                </div>
                <div class="test_right_bottom_list">
                    <dl>
                        <dd>
                            <p class="test_right_list_img"><img src="img/img1.jpg" width="100px" height="70px"></p>
                            <p class="test_right_list_text"><a href="#">你敢测测你放弃爱情了吗？</a><br />
                                <span class="test_right_list_total"><span class="icons" title="测试人数"></span>59278人测试过</span></p>
                        </dd>
                    </dl>
                </div>
                <div class="test_right_bottom_list">
                    <dl>
                        <dd>
                            <p class="test_right_list_img"><img src="img/img1.jpg" width="100px" height="70px"></p>
                            <p class="test_right_list_text"><a href="#">你敢测测你放弃爱情了吗？</a><br />
                                <span class="test_right_list_total"><span class="icons" title="测试人数"></span>59278人测试过</span></p>
                        </dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>
</body>
</html>